import React, {Component} from 'react'

import './index.css'
class Social  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">广告列表</p>
            
            <div class="function">
                <button class="function-del">批量删除</button>
            </div>

            <div class="content">
                <div class="content-header">
                    <input type="checkbox" name="sex" /> 

                    <span class="alist-id">帖子ID</span>
                    <span class="alist-content">通知内容</span>
                    <span class="alist-link">链接地址</span>
                    <span class="alist-ad">广告位</span>
                    <span class="alist-third">点击统计track</span>
                    <span class="alist-condition">状态</span>
                    <span class="alist-operate">操作</span>
                </div>

                <div class="item">
                    <input type="checkbox" name="sex" /> 

                    <span class="alist-id">16</span>
                    <span class="alist-content">图片</span>
                    <span class="alist-link">点击查看</span>
                    <span class="alist-ad">社区广告</span>
                    <span class="alist-third">第三方查看</span>
                    <span class="alist-condition">启用中</span>
                    <span class="alist-operate">
                        <button class="btn">编辑</button>
                        <button class="btn">停用</button>
                        <button class="btn">删除</button>
                    </span>
                </div>

                <div class="item">
                    <input type="checkbox" name="sex" /> 

                    <span class="alist-id">16</span>
                    <span class="alist-content">图片</span>
                    <span class="alist-link">点击查看</span>
                    <span class="alist-ad">社区广告</span>
                    <span class="alist-third">第三方查看</span>
                    <span class="alist-condition">启用中</span>
                    <span class="alist-operate">
                        <button class="btn">编辑</button>
                        <button class="btn">停用</button>
                        <button class="btn">删除</button>
                    </span>
                </div>

                <div class="item">
                    <input type="checkbox" name="sex" /> 

                    <span class="alist-id">16</span>
                    <span class="alist-content">图片</span>
                    <span class="alist-link">点击查看</span>
                    <span class="alist-ad">社区广告</span>
                    <span class="alist-third">第三方查看</span>
                    <span class="alist-condition">启用中</span>
                    <span class="alist-operate">
                        <button class="btn">编辑</button>
                        <button class="btn">停用</button>
                        <button class="btn">删除</button>
                    </span>
                </div>

                
            </div>
        </div>
    )
  }
}

export default Social